<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>InterviewAI - 智能面试辅导平台</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 动态背景 -->
    <div class="bg-animation">
        <div class="floating-shape"></div>
        <div class="floating-shape"></div>
        <div class="floating-shape"></div>
    </div>

    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="navbar-container">
            <a href="index.html" class="navbar-brand">InterviewAI</a>

            <ul class="navbar-nav">
                <li><a href="index.html" class="active">控制台</a></li>
                <li><a href="resume.html">简历优化</a></li>
                <li><a href="interview.html">面试模拟</a></li>
                <li><a href="profile.html">成长报告</a></li>
            </ul>

            <div class="navbar-actions">
                <div class="search-box">
                    <input type="text" class="search-input" placeholder="搜索功能、模板...">
                    <span class="search-icon">🔍</span>
                </div>

                <button class="theme-toggle" onclick="toggleTheme()" title="切换主题">
                    <span class="icon">🌙</span>
                </button>

                <button class="icon-btn">
                    <span>🔔</span>
                    <span class="notification-badge"></span>
                </button>

                <div class="user-avatar">A</div>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <div class="main-content">
        <!-- 页面标题 -->
        <div class="page-header">
            <h1 class="page-title">智能面试辅导控制台</h1>
            <p class="page-subtitle">AI驱动的求职成功助手</p>
            <div class="page-meta">今日 • 2024年7月2日</div>
        </div>

        <!-- 统计卡片 -->
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-number">15</div>
                <div class="stat-label">简历优化次数</div>
                <div class="stat-progress">本月完成 +8</div>
            </div>

            <div class="stat-card">
                <div class="stat-number">12</div>
                <div class="stat-label">面试模拟场次</div>
                <div class="stat-progress">通过率 85%</div>
            </div>

            <div class="stat-card">
                <div class="stat-number">6</div>
                <div class="stat-label">PDF简历导出</div>
                <div class="stat-progress">本周生成</div>
            </div>

            <div class="stat-card">
                <div class="stat-number">92%</div>
                <div class="stat-label">AI评分提升</div>
                <div class="stat-progress">较上月 +15%</div>
            </div>
        </div>

        <!-- 快速操作 -->
        <div class="card">
            <h2 class="card-title">智能辅导工具</h2>
            <div class="actions-grid">
                <div class="action-card" onclick="handleActionClick('resume')">
                    <span class="action-icon">🎯</span>
                    <div class="action-title">简历智能优化</div>
                    <div class="action-desc">AI全方位分析简历质量，提供专业优化建议</div>
                    <button class="btn">立即优化</button>
                </div>

                <div class="action-card" onclick="handleActionClick('interview')">
                    <span class="action-icon">🤖</span>
                    <div class="action-title">AI面试模拟</div>
                    <div class="action-desc">智能面试问答，实时反馈表现并提供改进建议</div>
                    <button class="btn">开始模拟</button>
                </div>

                <div class="action-card" onclick="handleActionClick('export')">
                    <span class="action-icon">📄</span>
                    <div class="action-title">简历模板导出</div>
                    <div class="action-desc">多种专业模板，一键生成高质量PDF简历</div>
                    <button class="btn">选择模板</button>
                </div>
            </div>
        </div>

        <!-- 最近活动 -->
        <div class="card">
            <h2 class="card-title">最近活动</h2>
            <ul class="record-list">
                <li class="record-item">
                    <div class="record-content">
                        <div class="record-title">Java后端开发 - 简历优化完成</div>
                        <div class="record-meta">2小时前 • AI评分提升至88分</div>
                    </div>
                    <div class="record-badge success">已完成</div>
                </li>

                <li class="record-item">
                    <div class="record-content">
                        <div class="record-title">产品经理岗位 - 面试模拟进行中</div>
                        <div class="record-meta">45分钟前 • 预计用时15分钟</div>
                    </div>
                    <div class="record-badge warning">进行中</div>
                </li>

                <li class="record-item">
                    <div class="record-content">
                        <div class="record-title">UI设计师简历 - PDF导出成功</div>
                        <div class="record-meta">1小时前 • 使用现代简约模板</div>
                    </div>
                    <div class="record-badge success">已完成</div>
                </li>

                <li class="record-item">
                    <div class="record-content">
                        <div class="record-title">前端开发面试 - 获得优秀评价</div>
                        <div class="record-meta">昨天 • 综合评分：92分</div>
                    </div>
                    <div class="record-badge success">已完成</div>
                </li>

                <li class="record-item">
                    <div class="record-content">
                        <div class="record-title">数据分析师简历 - AI分析报告</div>
                        <div class="record-meta">2天前 • 发现3个优化点</div>
                    </div>
                    <div class="record-badge">待优化</div>
                </li>
            </ul>
        </div>

        <!-- 智能提示 -->
        <div class="feedback-tip">
            <span class="tip-icon">🚀</span>
            <div class="tip-content">
                <h3>AI优化建议</h3>
                <p>根据您的使用情况，建议重点关注技术技能描述的量化表达。同时，可以尝试针对不同岗位定制化简历内容，这将显著提升面试邀请率。</p>
            </div>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html> 